/* item */
<template xlang="wxml">
  <View class="manager_item">
    <View class="title">
      <AtIcon value="map-pin" size="15" color="#F00"></AtIcon>
      {{list.title}}
    </View>
    <View class="rgt">
      <View class="rgt_circle">
        <View class="rgt_num">13456</View>
      </View>
      <View class="rgt_name">设备数量</View>
    </View>
    <View class="manger_info">
      <View class="time">
        <Text>项目开工时间：</Text>
        {{list.startTime}}
      </View>
      <View class="time">
        <Text>项目竣工时间：</Text>
        {{list.endTime}}
      </View>
      <View class="endTime">
        <Text>&emsp;项目管理方：</Text>
        {{list.manager}}
      </View>
      <View class="endTime">
        <Text>&emsp;&emsp;联系方式：</Text>
        {{list.tel}}
      </View>
      <View class="endTime">
        <Text>&emsp;&emsp;项目位置：</Text>
        {{list.position}}
      </View>
    </View>
  </View>
</template>

<script>
export default {
  props: {
    list: []
  },
  data: () => ({}),
  methods: {},
  computed: {},
  watch: {}
};
</script>

<style lang="less" scoped>
.manager_item {
  background: #fff;
  border-radius: 20rpx;
  margin-bottom: 20rpx;
  padding: 20rpx 30rpx;
  color: #000;
  position: relative;
  .title {
    font-size: 30rpx;
    font-weight: 700;
    line-height: 50rpx;
    padding-bottom: 20rpx;
    .at-icon {
      margin-right: 10px;
    }
    vertical-align: middle;
  }
  .rgt {
    position: absolute;
    height: 100rpx;
    width: 100rpx;
    right: 20rpx;
    top: 30rpx;
    text-align: center;
    .rgt_circle {
      background: blue;
      height: 100rpx;
      width: 100rpx;
      border-radius: 50rpx;
      position: relative;
      .rgt_num {
        color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        font-size: 14px;
        transform: translate(-50%, -50%);
      }
    }
    .rgt_name {
      color: blue;
      padding-top: 10rpx;
      font-size: 12px;
    }
  }
  .manger_info {
    padding-left: 10px;
    font-size: 25rpx;
    line-height: 40rpx;
    .time {
      font-weight: 700;
      font-size: 25rpx;
      line-height: 50rpx;
    }
  }
}
</style>